import {Avatar,Tag} from 'antd'
import style from './index.css'

export default () => {
  const tags = [
    {
      tag: 'Node.js',
      color: '#108ee9'
    },
    {
      tag: '个人',
      color: '#108ee9'
    }
  ];
  return <div className={style.self}>
    <Avatar 
    src='https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3381573685,1866477444&fm=26&gp=0.jpg' 
    alt='个人头像' 
    size={64}
    style={{margin:'0 0 10px'}}
    />
    <div>
      {
        tags.map((tag, i) => {
          return <Tag color={tag.color} key={i}>{tag.tag}</Tag>
        })
      }
    </div>
  </div>
}